<template>
    <div>
        <div>
            <el-form :model="formData" ref="form" label-width="120px">
                <el-row :general="20">
                    <el-col :span="12">
                        <el-form-item label="客户编码">
                            <el-input v-model="customerCode" placeholder="请输入客户编码"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="客户名称" prop="customerName" class="float-right">
                            <el-input v-model="customerName" placeholder="请输入客户名称"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row :general="30">
                    <el-col :span="8">
                        <el-form-item label="客户简称" prop="customerShortName">
                            <el-input v-model="customerShortName" placeholder="请输入客户简称"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="8">
                        <el-form-item label="客户英文名称" prop="customerEnglishName">
                            <el-input v-model="customerEnglishName" placeholder="请输入客户英文名称"></el-input>
                        </el-form-item>
                    </el-col>

                    <el-col :span="8">
                        <el-form-item label="客户类型" prop="customerType">
                            <el-select v-model="customerType" placeholder="请选择客户类型">
                                <el-option label="类型1" value="1"></el-option>
                                <el-option label="类型2" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-rom :general="10">
                    <el-col :span="22">
                        <el-form-item label="客户简介" prop="customerIntro">
                            <el-input type="textarea" v-model="customerIntro" placeholder="请输入内容"></el-input>
                        </el-form-item>
                    </el-col>
                </el-rom>

                <el-rom :general="10">
                    <el-col :span="22">
                        <el-form-item label="客户地址" prop="customerAddress">
                            <el-input v-model="customerAddress" placeholder="请输入内容"></el-input>
                        </el-form-item>
                    </el-col>
                </el-rom>

                <el-row :gutter="20">
                    <el-col :span="12">
                        <el-form-item label="客户官网地址" prop="customerWebsite">
                            <el-input v-model="customerWebsite" placeholder="请输入客户官网地址"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="客户电话" prop="customerPhone">
                            <el-input v-model="customerPhone" placeholder="请输入客户电话"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row :gutter="20">
                    <el-col :span="12">
                        <el-form-item label="邮箱" prop="customerEmail">
                            <el-input v-model="customerEmail" placeholder="请输入邮箱"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="手机" prop="mobile">
                            <el-input v-model="mobile" placeholder="请输入联系人电话"></el-input>
                        </el-form-item>
                    </el-col>
                </el-row>


                <el-row :general="44">
                    <el-col :span="6">
                        <el-form-item label="业务员" prop="salesman">
                            <el-input v-model="salesman" placeholder="请输入业务员"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="跟单" prop="follower">
                            <el-input v-model="follower" placeholder="请输入跟单"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="结账方式" prop="paymentMethod">
                            <el-select v-model="paymentMethod" placeholder="请选择结账方式" :style="{ 'width': '100px' }">
                                <el-option label="方式1" value="1"></el-option>
                                <el-option label="方式2" value="2"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                    <el-col :span="6">
                        <el-form-item label="币别" prop="currency">
                            <el-select v-model="currency" placeholder="请选择币别">
                                <el-option label="人民币" value="CNY"></el-option>
                                <el-option label="美元" value="USD"></el-option>
                            </el-select>
                        </el-form-item>
                    </el-col>
                </el-row>

                <el-row :gutter="20">
                    <el-col :span="12">
                        <el-form-item label="社会信用代码" prop="socialCreditCode">
                            <el-input v-model="socialCreditCode" placeholder="请输入社会信用代码"></el-input>
                        </el-form-item>
                    </el-col>
                    <el-col :span="12">
                        <el-form-item label="是否有效" prop="isValid">
                            <el-radio v-model="isValid" label="1">是</el-radio>
                            <el-radio v-model="isValid" label="2">否</el-radio>
                        </el-form-item>
                    </el-col>
                </el-row>
                <el-form-item label="备注" prop="remarks">
                    <el-input type="textarea" v-model="remarks" placeholder="请输入内容"></el-input>
                </el-form-item>
                <el-form-item>
                    <el-button type="primary" @click="onSubmit">立即添加</el-button>
                    <el-button @click="close">关闭</el-button>
                </el-form-item>
            </el-form>
        </div>
    </div>
</template>

<script setup>

</script>

<style lang='scss' scoped></style>
